div:nth-child(1){
    width: 300px;
    height: 300px;
    background-image: linear-gradient(90deg,yellow,orange,25%,purple);
}
div:nth-child(2){
    width: 300px;
    height: 300px;
    background-image: linear-gradient(54deg,red,orange,yellow,green,blue 50%);
}
div:nth-child(3){
    width: 300px;
    height: 300px;
    background-image: radial-gradient(circle,yellow,green);
}
div:nth-child(5){
    width: 300px;
    height: 300px;
    background-image: repeating-linear-gradient(white,rgb(180, 49, 180) 30px);
}
div:nth-child(4){
    width: 300px;
    height: 300px;
    background-image: linear-gradient(90deg,yellow,rgb(0, 208, 255),25%,purple);
}